/*标题设置*/
.row.content-title {
    padding: 30px 0;
}

/*导航*/
#nav {
    background-color: rgba(0, 0, 0, .5);
    /*background-color: black;*/
    /*opacity: 0.5;*/
    padding: 8px 0;
    /*color: white;*/
}
.navbar-inverse{
    border-color: inherit;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    color: #DE171A;
    background-color: inherit;
}
.navbar-inverse .navbar-nav > li > a{
    color: white;
}
.navbar-inverse .navbar-nav > li > a:hover{
    color: red;
}
#nav .navbar-brand {
    padding-left: 60px;
    background-image: url("../images/logo@2x.png");
    background-repeat: no-repeat;
    background-size: 57px 44px;
    background-position: left center;
    margin-left: 10px;
}
#nav .navbar-header a{
    font-family: SimHei;
    color: white;
}

/*轮播*/
.carousel-indicators li, .carousel-indicators .active {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 20px;
    width: 2.5rem;
    height: 6px;
    border-radius: 0;
}

.carousel-indicators .active {
    background: #f870ba;
}

/*教学理念*/
#education_concept {

}

/*优势课程*/
#advantage .row {
    margin-top: 50px;
}

#advantage li .item_content {
    position: relative;
    border-radius: 8px;
    border: 5px solid white;
    margin-bottom: 10px;
}

#advantage li .item_content .img_content {
    /*background-image: url("../images/a1.jpg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#advantage .img_content {
    height: 410px;
}

#advantage .text_content {
    position: absolute;
    left: 0;
    bottom: 0;
}

#advantage .text_content {
    background-color: rgba(222, 23, 17, .8);
    color: white;
}

#advantage .text_content p {
    height: 0px;
    overflow: hidden;
    transition: all 500ms;
    -ms-transition:all 500ms; 	/* IE 9 */

}

#advantage li.col-md-4:hover p {
    height: 200px;
}

/*图书馆*/
#book_display{
    padding-left: 20px;
    padding-right: 20px;
}
#book_display .book_item {
    height: 355px;
    position: relative;
    transition: all 300ms ease-in-out;
    -ms-transition:all 300ms ease-in-out; 	/* IE 9 */
    padding: 0;
    /*background: url("../images/book.png") ;*/
    /*background-repeat:no-repeat;*/
    /*background-position:center;*/
    background-size: cover;
    /*background-color: #ff4a83;*/
}

#book_display .book_item .book_title {
    margin: 0;
    color: white;
    background: #DF1717;
    box-sizing: border-box;
    font-size: 20px;
    padding: 17px;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 55px;
}

#education_concept .img {
    width: 62px;
    height: 53px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/EN.png");

}

#education_concept .row{
    margin: 10px 0;
}
#education_concept .content-des > div:nth-child(2) .img {
    background-image: url("../images/wj@2x.png");

}

#education_concept .content-des > div:nth-child(3) .img {
    background-image: url("../images/qj@2x.png");
}

#education_concept .content-des > div:nth-child(5) .img {
    background-image: url("../images/jl@2x.png");
}

#education_concept .content-des > div:nth-child(6) .img {
    background-image: url("../images/xz@2x.png");

}

#education_concept .content-des > div:nth-child(7) .img {
    background-image: url("../images/tuandui@2x.png");

}
#education_concept .content-des >div h3 {
    font-size: 21px;
    color: white;
}
#education_concept .content-des >div p {
    font-size: 16px;
    color: white;
}
.content-des-border1{
    /*margin-bottom: 15px;*/
    border-bottom:0px solid white;
    border-right: 0px solid white;
}
#advertisement {
    margin-top: 40px;
}

#home {
    background-color: rgba(0, 0, 0, .4);
    height: 60px;
}

.phone {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-left: 20px;
    color: white;

}
.phone img{
    width: 20px;
    height: 20px;

}
.english {
    background-color: #7A7A7A;
    border-radius: 10px;
    padding: 5px 8px;
    margin-left: 20px;
    margin-top: 9px;
    margin-right: 10px;
    cursor:pointer;
    color: white;
}
@media screen and (max-width: 768px) {
    .phone {
        display: none !important;
    }
    .english {
        display: none !important;
    }
}
@media screen and (min-width: 768px ) and (max-width: 1120px){
    .phone {
        display: none !important;
    }
    .english {
        display: none !important;
    }
}
body {
    background-color: #242223;
    list-style:none;
}

#my-video {
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 10px;
}
@media screen and (min-width: 1200px) {
    #my-video{
        padding: 0 15px;
        width: 1140px;
        height: 400px;
    }
}
@media screen and (max-width: 992px) {
    #my-video{
        padding: 0 15px;
        width: 100%;
    }
}
.video-js .vjs-big-play-button{
    top: 45%;
    left: 45%;
}
@media screen and (max-width: 768px) {
    #book_display .book_item {
        width: 48%;
        /*height: 50vw;*/
        height: 0;
        padding-bottom: 50%;
        margin-bottom: 20px;
        float: left;
    }
    #book_display .book_item:nth-child(2n){
        margin-left: 4%;
    }

    #book_display .book_item .book_title {
        width: 100%;
        top:inherit;
        bottom: 0;
        text-align: center;
        background-color: rgba(255, 0, 0, .5);
    }
}
#bottom{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #363636;
}
#bottom .row div h3{
    font-weight: bold;
    padding-left: 20px;
}
#bottom .row div input{
    margin-top: 10px;
}
 #submitit{
    background: #AC201F;
    color: white;
    font-weight: bold;
    font-size: 15px;
     margin-left: 10px;
}
#bottom2{
    padding-top: 30px;
    padding-bottom: 30px;
}
#bottom2 li a{
    color: white;
}
#bottom2 li a:hover{
    color: #9A3432;
    text-decoration:none;
}
#bottom2 .row div ul{
}
#bottom2 .row div ul li{
    margin: 5px 0;
}
#bottom2 li {
    text-align: center;
    line-height: 24px;
}
#bottom2 .row div ul li a span{
    text-align: center;
}
.line{
    height: 1px;
    background-color: #eee;
    width: 100%;
}
#bottom3{
    text-align: center;
}
#bottom3 p{
    /*padding-top: 3px;*/
    /*padding-bottom: 3px;*/
}
.to-top-class{
    position: relative;
    top: -36px;
    right: 45px;
}
.form-group{
    margin-left: 10px;
}
@media screen and (max-width: 768px) {
    .to-top-class{
        position: relative;
        top: -36px;
        left: 70%;

    }
}
.right-fix{
    width: 100px;
    background-color: #DF1717;
    position: fixed;
    right: 20px;
    top: 40%;
    border-radius: 10px;
    text-align: center;
    padding-top: 4px;
    color: white;
    cursor:pointer
}
.right-fix-ly{
    width: 60px;
    /*height: 60px;*/
    background-color: white;
    position: fixed;
    right: 20px;
    top: 55%;
    border-radius: 6px;
    text-align: center;
    color: white;
    cursor:pointer;
    opacity: 0.7;

}
.input-height>.form-group{
    height: 60px;
}
/*留言*/
#liuyan{
    padding: 80px 5% 40px 5% ;
}